.tabArea{
  width:100%;
  height:40px;
  background:#fff;
  .ant-tabs {
    padding: 0 90px 0 13px;
    .ant-tabs-nav {
      margin: 0;
      &::before {
        border: none;
      }
      .ant-tabs-ink-bar {
        visibility: visible;
      }
      .ant-tabs-tab-with-remove.ant-tabs-tab-active {
        .ant-tabs-tab-remove {
          top: 5px;
          margin: 7px;
          color: #1890ff!important;
          opacity: 1 !important;
        }
        .ant-tabs-tab-btn {
          transform: translateX(-9px);
        }
      }
      .ant-tabs-tab {
        padding: 8px 22px;
        color: #cccccc;
        background: none;
        border: none;
        transition: none;
        .anticon-home {
          margin-right: 7px;
        }
        .ant-tabs-tab-remove {
          position: absolute;
          right: 0;
          color: #cccccc;
          opacity: 0;
          transition: 0.1s ease-in-out;
          &:hover {
            color: #1890ff;
          }
        }
      }
      .ant-tabs-tab.ant-tabs-tab-with-remove {
        &:hover {
          .ant-tabs-tab-remove {
            top: 5px;
            margin: 7px;
            opacity: 1;
            transition: 0.1s ease-in-out;
          }
          .ant-tabs-tab-btn {
            transform: translateX(-9px);
          }
        }
      }
    }
  }
}
